{yun:}include file="$wapstyle/member/header.htm"{/yun}
<link rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/wap/css/my_recommend.css?v={yun:}$config.cachecode{/yun}" type="text/css" />

<section class="rec_container">
  
     <div class="rec_hd">
       <a class="hd_0 active" href="#">全部</a>
       <a class="hd_1" href="#">已面试</a>
       <a class="hd_2" href="#">已录用</a>
       <a class="hd_3" href="#">不合适</a>
    </div>
    <div class="rec_bd">
        <div class="bd_0" >
          
           <ul>
              <li class="rec_item">
                  <a href="index.php?c=my_recommend_detail">
                   <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
                </a>

              </li>

              <li class="rec_item">
                <a href="index.php?c=my_recommend_detail">
                 <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
                </a>
              </li>
           </ul>

        </div>
        <div class="bd_1" style="display: none;">
           <ul>
              <li class="rec_item">
                   <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>

              <li class="rec_item">
                 <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>
           </ul>
        </div>
        <div class="bd_2" style="display: none;">
           <ul>
              <li class="rec_item">
                   <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>

              <li class="rec_item">
                 <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>
           </ul>
        </div>
        <div class="bd_3" style="display: none;">
           <ul>
              <li class="rec_item">
                   <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>

              <li class="rec_item">
                 <div class="item1">
                     <span class="rec_num">推荐人才:5人已报名</span>
                     <span class="rec_status">状态变更:今天</span>
                   </div>
                   <div class="item2">
                     <div class="avatar_img">
                        <img src="../../../app/template/wap/images/my_avatar.png" />
                     </div>
                     <div class="job_info">
                         <div class='row1'>
                          <span>财务总监</span>
                          <span class="job_status">【正在招聘】</span>
                       </div>
                         <div class="row2">上海帝素时尚股份有限公司</div>
                         <div class="row3"><img src="../../../app/template/wap/images/money_icon.png"/>￥4040</div>
                     </div>
                    
                  </div>
              </li>
           </ul>
        </div>

    </div>



</section>

<script>
     //选项卡
     $('.rec_hd a').on('click',function(){
       var cur_tab = $(this);
       var index = $(this).index();
       $('.rec_hd a').removeClass('active');
       cur_tab.addClass('active');
       $('.bd_0').hide();
       $('.bd_1').hide();
       $('.bd_2').hide();
       $('.bd_3').hide();
       $('.bd_'+index).show();
     });

</script>

